<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!-- VERSION DE HTML5 -->
<!DOCTYPE html>
    
<html lang="es">
	<!-- CONFIGURACION DE LA PAGINA WEB ACTUAL -->
	<head>
		<!-- GENERAL's -->
		<title>Sistema Entretenimiento</title>

		<!-- META's -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">

		<!-- LINK's -->
		<link type="text/css" rel="stylesheet" href="resources/css/bootstrap.min.css">
		<link type="text/css" rel="stylesheet" href="resources/css/styles-general.css">
	</head>

	<!-- CONTENIDO DE LA PAGINA WEB ACTUAL -->
	<body class="container">
		
		<!-- AGREGA LOS MODAL's COMUNES -->
		<jsp:include page="template/modals.jsp" />

		<!-- ENCABEZADO -->
		<jsp:include page="template/header.jsp"/>

		<!-- MENU DE NAVEGACION -->
		<jsp:include page="template/navigation.jsp"/>
		
		<!-- CUERPO DE PAGINA -->
		<section class="col-xs-12">
			<form role="form" method="post" action="ServicioGuardar_Servlet">
				<input type="hidden" name="codigo" value="${codigo }">
				<fieldset>
					<legend>Información del Servicio
						<span class="error">
							<c:if test="${not empty error }">
								<c:out value="${error }"></c:out>
							</c:if>
						</span>
						<span class="success">
							<c:if test="${not empty success }">
								<c:out value="${success }"></c:out>
							</c:if>
						</span>
					</legend>
					<div class="form-group col-xs-6">
		  				<label for="nombre">Nombre :</label>
		  				<input type="text" class="form-control" name="nombre" id="nombre" placeholder="Ingrese el nombre del servicio" value="${nombre }" required>
					</div>
					<div class="form-group col-xs-6">
		  				<label for="costo">Costo :</label>
		  				<input type="number" min="0" step="any" class="form-control" name="costo" id="costo" placeholder="Ingrese el costo por persona" value="${costo }" required>
					</div>
					<div class="form-group col-xs-12">
						<label for="descripcion">Descripción</label>
						<textarea class="form-control" rows="4" name="descripcion" id="descripcion" placeholder="Ingrese la descripcion del servicio" required>${descripcion }</textarea>
					</div>
					<button type="submit" class="btn btn-primary">Grabar Registro</button>
				</fieldset>
			</form>
		</section>

		<!-- SCRIPT's -->
		<script type="text/javascript" src="resources/js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="resources/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="resources/js/scripts-general.js"></script>
	</body>
</html>